<script type="text/javascript">
   <?php if(count($xNameArr) > 0){?>
   chart6 = new Highcharts.Chart({
      chart: {
         renderTo: 'charClick1',
         defaultSeriesType: 'spline'
      },
      title: {
         text: 'So sánh Clicks ngày <?php echo $date1;?> và <?php echo $date2;?>'
      },
      subtitle: {
         text: ''
      },
      xAxis: {
         categories: ['<?php echo implode("','", $xNameArr);?>'],
         tickInterval: <?php $step = (int)(count($xNameArr)/4); echo ($step > 0 ? $step : 1);?>,
		     gridLineWidth: 0
	      },
	      yAxis: {
	         title: {
	            text: 'Số lượng click'
	         },
	         labels: {
	            formatter: function() {
	               return addCommasNumber(this.value)
	            }
	         },
	         min: 0
	      },
	      tooltip: {
	         crosshairs: true,
	         shared: true,
	         formatter: function()
	         {
	             var s = '<b>'+ this.x +'</b>';
	             $.each(this.points, function(i, point) {
	                 s += '<br/>'+ point.series.name +': <b>'+addCommasNumber(point.y)+'</b>';
	             });
	             
	             return s;
	         }
	      },
	      plotOptions: {
            spline: {
               marker: {
                  enable: false
               }
            }
         },
	      series: [{
	         name: '<?php echo $date1;?>',
	         data: [<?php echo implode(',', $clickArr);?>]
      }, {
         name: '<?php echo $date2;?>',
         data: [<?php echo implode(',', $clickArr2);?>]
      }],
      exporting: {
          enabled: false
      }
   });
   <?php } else {?>
	$('#charClick1').html('Chưa có dữ liệu trả về');
   <?php }?>
   //Chart impression
   <?php if(count($xNameArr) > 0){?>
   chart7 = new Highcharts.Chart({
      chart: {
         renderTo: 'charClick3',
         defaultSeriesType: 'spline'
      },
      title: {
         text: 'So sánh Impressions ngày <?php echo $date1;?> với <?php echo $date2;?>'
      },
      subtitle: {
         text: ''
      },
      xAxis: {
         categories: ['<?php echo implode("','", $xNameArr);?>'],
         tickInterval: <?php $step = (int)(count($xNameArr)/4); echo ($step > 0 ? $step : 1);?>,
		     gridLineWidth: 0
	      },
	      yAxis: {
	         title: {
	            text: 'Số lượng Impressions'
	         },
	         labels: {
	            formatter: function() {
	               return addCommasNumber(this.value)
	            }
	         },
	         min: 0
	      },
	      tooltip: {
	         crosshairs: true,
	         shared: true,
	         formatter: function()
	         {
	             var s = '<b>'+ this.x +'</b>';
	             $.each(this.points, function(i, point) {
	                 s += '<br/>'+ point.series.name +': <b>'+addCommasNumber(point.y)+'</b>';
	             });
	             
	             return s;
	         }
	      },
	      plotOptions: {
            spline: {
               marker: {
                  enable: false
               }
            }
         },
	      series: [{
          name: '<?php echo $date1;?>',
          data: [<?php echo implode(',', $viewArr);?>]
       }, {
           name: '<?php echo $date2;?>',
           data: [<?php echo implode(',', $viewArr2);?>]
        }],
      exporting: {
          enabled: false
      }
   });
   <?php } else {?>
	$('#charClick3').html('Chưa có dữ liệu trả về');
   <?php }?>
</script>